<template>
  <div class="userMain">
    <el-container>
      <el-aside width="300px"><tabBar></tabBar></el-aside>
      <el-main><router-view/></el-main>
    </el-container>
  <statusMain></statusMain>
  </div>
</template>

<script>
    import tabBar from '@/views/userMain/userMainHome/tabBar'
    import statusMain from '@/components/status-bar/statusMain';
    export default {
        name: 'userMain',
        components: {
            tabBar,
            statusMain
        },
        data() {
            return {

            }
        }
    }
</script>

<style scoped>
    @import '../../assets/css/base.css';
    .el-aside {
        background-color: #545c64;
    }
    
    .el-main {
        /* width: 50%; */
    }
</style>